<html>
  <head>
    <title>Upload image Form</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<div align="right">
	<!-- Author: Amina Kadry This form is for logging the user out of his account -->
<form name="logout" action="/logout/" method="POST">
{%csrf_token%}
<button type = "submit" value="submit">Logout</button> 
</form>
</div>
  </head>
  <body>
    <h1>Upload image</h1>
        {% if form.errors %}
            <p style="color: red;">
                Please correct the error{{ form.errors|pluralize }} below.
            </p>
        {% endif %}
 
        <!--malcala: please observe the enctype property below in the form header -->
        <form enctype="multipart/form-data" action="/ImageForm/" method="post">{% csrf_token %}
            <table>
                {{ form.as_table }}
            </table>
            <input type="submit" value="Upload image">
        </form>
  </body>

<p>
<a href="/AboutUs/">About Us</a>
<a href="/ViewInstructions/">Instructions</a>
<a href  ="/Terms&Conditions/">  Terms & Conditions</a>
<a href  ="/News/">  Latest News and Updates</a>
<a href ="/Faqs/"> FAQS</a>
<a href ="/Contactus/"> Contact Us</a>
</html>